<!-- include tpl=header -->
{$page_rs.content}
<!-- 图片轮播 -->
<!-- php:$slider = phpok('picplayer') -->
<!-- if $slider && $slider.rslist -->
<div id="slider_{$slider.project.id}" class="carousel slide" data-ride="carousel">
	<ol class="carousel-indicators">
		<!-- loop from=$slider.rslist key=$key value=$value id=$tmpid -->
		<li data-target="#slider_{$slider.project.id}" data-slide-to="{$tmpid.index}"{if !$tmpid.index} class="active"{/if}></li>
		<!-- /loop -->
	</ol>
	<div class="carousel-inner">
		<!-- loop from=$slider.rslist key=$key value=$value id=$tmpid -->
		<div class="carousel-item{if !$tmpid.index} active{/if}">
			<a href="{$value.linkurl ? $value.linkurl : 'javascript:void(0);'}" title="{$value.title}" {if $value.linkurl} target="{$value.target}"{/if}><img src="{$value.banner.filename}" class="d-block w-100" alt="{$value.title}" /></a>
		</div>
		<!-- /loop -->
	</div>
	<a class="carousel-control-prev" href="#slider_{$slider.project.id}" role="button" data-slide="prev">
		<span class="carousel-control-prev-icon" aria-hidden="true"></span>
		<span class="sr-only">下一张</span>
	</a>
	<a class="carousel-control-next" href="#slider_{$slider.project.id}" role="button" data-slide="next">
		<span class="carousel-control-next-icon" aria-hidden="true"></span>
		<span class="sr-only">下一张</span>
	</a>
</div>
<!-- /if -->
<section class="index-search">
	<div class="container">
		<div class="row">
			<div class="col-lg-7 col-sm-12 pt-2">
				搜索关键字：
				<!-- php:$list = phpok('_keywords','type=hot','psize=5','sign=1') -->
				<!-- loop from=$list key=$key value=$value id=$tmpid -->
				<a class="p-1" href="{url ctrl=search keywords=$value.title/}">{$value.title}</a>
				<!-- /loop -->
			</div>
			<div class="col-lg-5 col-sm-12">
				<form action="{url ctrl=search/}" method="post" onsubmit="return top_search(this)">
				<div class="form-row">
					<div class="col">
						<input type="text" name="keywords" id="top-keywords" class="form-control" placeholder="请输入要搜索的词" />
					</div>
					<div class="col">
						<button type="submit" class="btn btn-primary bg-orange">搜索</button>
					</div>
				</div>
				</form>
			</div>
		</div>
	</div>
</section>

<!-- 产品展示 -->
<!-- php:$products = phpok('new_products') -->
<!-- if $products -->
<section class="container">
	<div class="p-4">
		<div class="row m-2">
			<div class="col-md-4 mt-4">
				<hr class="border-primary border-dotted" />
			</div>
			<div class="col">
				<h2 class="h1 text-center"{if $products.project.style} style="{$products.project.style}"{/if}>
					{$products.project.title}
					<!-- if $products.project.entitle --><small class="d-block m-2">{$products.project.entitle}</small><!-- /if -->
				</h2>
			</div>
			<div class="col-md-4 mt-4">
				<hr class="border-primary border-dotted" />
			</div>
		</div>
		<div class="row row-cols-1 row-cols-sm-2 row-cols-md-4">
			<!-- loop from=$products.rslist key=$key value=$value id=$tmpid -->
			<div class="col p-2">
				<div class="card p-2">
					<a href="{$value.url}" title="{$value.title}"><img class=" card-img-top" src="{$value.thumb.gd.thumb}" alt="{$value.title}" /></a>
					<div class="card-body p-2">
						<a href="{$value.url}" title="{$value.title}"><h5 class="text-nowrap text-truncate">{$value.title}</h5></a>
						<!-- if $products.project.is_biz -->
						<p class="card-text text-danger">{func price_format $value.price $value.currency_id $config.currency_id}</p>
						<!-- /if -->
					</div>
				</div>
			</div>
			<!-- /loop -->
		</div>
	</div>
</section>
<!-- /if -->

<!-- 公司简介 -->
<!-- php:$about = phpok('aboutus') -->
<!-- if $about -->
<section class="jumbotron">
	<div class="container">
		<div class="row">
			<div class="col-md-6">
				<h2>{$about.title}<!-- if $about.entitle --><small>{$about.entitle}</small><!-- /if --></h2>
				<hr class="my-4" />
				{$about.note}
				<div class="text-center mt-4">
					<a class="btn btn-primary btn-lg" href="{$about.url}" role="button">查看详细信息</a>
				</div>
			</div>
			<!-- if $about.pic -->
			<div class="col-md-6">
				<img src="{$about.pic.filename}" style="width:100%" />
			</div>
			<!-- /if -->
		</div>
	</div>
</section>
<!-- /if -->

<!-- 新闻资讯，涉及到图片及文字，所以左边的新闻右边就不重复调用，直接引用PHP文件 -->
<!-- include file=arc-index -->
<!-- if $arclist || $piclist -->
<section class="container">
	<div class="row p-4 mb-4">
		<div class="col-dm-4 mt-4">
			<hr class="border-primary border-dotted" />
		</div>
		<div class="col">
			<h2 class="h1 text-center"{if $arclist.project.style} style="{$arclist.project.style}"{/if}>
				{$arclist.project.title}
				<!-- if $arclist.project.entitle --><small class="d-block mt-2">{$arclist.project.entitle}</small><!-- /if -->
			</h2>
		</div>
		<div class="col-dm-4 mt-4">
			<hr class="border-primary border-dotted" />
		</div>
	</div>
	<div class="row pb-4 mb-4">
		<div class="col-md-6 col-lg-5 mb-4">
			<div id="slider_{$piclist.project.id}" class="carousel slide" data-ride="carousel">
				<ol class="carousel-indicators">
					<!-- loop from=$piclist.rslist key=$key value=$value id=$tmpid -->
					<li data-target="#slider_{$piclist.project.id}" data-slide-to="{$tmpid.index}"{if !$tmpid.index} class="active"{/if}></li>
					<!-- /loop -->
				</ol>
				<div class="carousel-inner">
					<!-- loop from=$piclist.rslist key=$key value=$value id=$tmpid -->
					<div class="carousel-item{if !$tmpid.index} active{/if}">
						<a href="{$value.url}" title="{$value.title}"><img src="{$value.thumb.gd.thumb}" class="d-block w-100" alt="{$value.title}" /></a>
						<div class="carousel-caption d-none d-md-block">
					        <h5>{$value.title}</h5>
					      </div>
					</div>
					<!-- /loop -->
				</div>
				<a class="carousel-control-prev" href="#slider_{$piclist.project.id}" role="button" data-slide="prev">
					<span class="carousel-control-prev-icon" aria-hidden="true"></span>
					<span class="sr-only">下一张</span>
				</a>
				<a class="carousel-control-next" href="#slider_{$piclist.project.id}" role="button" data-slide="next">
					<span class="carousel-control-next-icon" aria-hidden="true"></span>
					<span class="sr-only">下一张</span>
				</a>
			</div>
		</div>
		<div class="col-md-6 col-lg-7">
			<!-- loop from=$arclist.rslist key=$key value=$value id=$tmpid -->
			<div class="media{if $tmpid.num != $tmpid.total} border-bottom{/if} mb-3">
				<!-- if $value.thumb -->
				<a href="{$value.url}" title="{$value.title}"><img src="{$value.thumb.gd.thumb}" class="align-self-start mr-3" alt="{$value.title}" /></a>
				<!-- /if -->
				<div class="media-body">
					<a href="{$value.url}" title="{$value.title}"><h5>{$value.title}</h5></a>
					<p class="crop-text-2"><!-- if $value.note -->{func phpok_cut $value.note 100 …}<!-- else -->{func phpok_cut $value.content 100 …}<!-- /if --></p>
				</div>
			</div>
			<!-- /loop -->
		</div>
	</div>
</section>
<!-- /if -->

<!-- 联系方式 -->
<!-- php:$contactus = phpok('contactus') -->
<!-- if $contactus -->
<section class="jumbotron contactus">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 col-md-4 mb-4">
				<h2>
					{$contactus.title}
					<!-- if $contactus.entitle --><small>{$contactus.entitle}</small><!-- /if -->
					<a href="{$contactus.url}" class="more mt-3">更多 <i class="fa fa-angle-right"></i></a>
				</h2>
				<ul class="list-group list-group-flush mt-4">
					<!-- if $contactus.company --><li class="list-group-item"><i class="fa fa-building"></i> {$contactus.company}</li><!-- /if -->
					<!-- if $contactus.address --><li class="list-group-item"><i class="fa fa-map-marker"></i> {$contactus.address}</li><!-- /if -->
					<!-- if $contactus.email --><li class="list-group-item"><i class="fa fa-envelope-o"></i> {$contactus.email}</li><!-- /if -->
					<!-- if $contactus.zipcode --><li class="list-group-item"><i class="fa fa-check-circle-o"></i> {$contactus.zipcode}</li><!-- /if -->
					<!-- if $contactus.tel --><li class="list-group-item"><i class="fa fa-phone"></i> {$contactus.tel}</li><!-- /if -->
					<!-- if $contactus.fullname --><li class="list-group-item"><i class="fa fa-user"></i> {$contactus.fullname}</li><!-- /if -->
				</ul>
			</div>
			<div class="col-sm-12 col-md-8">
				<div style="width:100%;height:420px"><iframe src="index.php?c=plugin&f=exec&id=bmap&exec=map" style="width:100%;height:100%;overflow:hidden;" frameborder="0" scrolling="no"></iframe></div>
			</div>
		</div>
	</div>
</section>
<!-- /if -->
<!-- php:$link = phpok('link') -->
<!-- if $link && $link.rslist -->
<section class="container">
	<div class="row p-4 mb-4">
		<div class="col-md-4 mt-4 d-sm-none">
			<hr class="border-primary border-dotted" />
		</div>
		<div class="col">
			<h2 class="h1 text-center"{if $link.project.style} style="{$link.project.style}"{/if}>
				{$link.project.title}
				<!-- if $link.project.entitle --><small class="d-block mt-2">{$link.project.entitle}</small><!-- /if -->
			</h2>
		</div>
		<div class="col-md-4 mt-4 d-sm-none">
			<hr class="border-primary border-dotted" />
		</div>
	</div>
	<div class="row mb-4">
		<!-- loop from=$link.rslist key=$key value=$value -->
		<div class="col-sm-3 col-md-2 border m-1 p-1 text-center float-center">
			<a href="{$value.linkurl}" target="{$value.target}" title="{$value.sitename}">{$value.sitename}</a>
		</div>
		<!-- /loop -->
	</div>
</section>
<!-- /if -->
<!-- include tpl=footer -->